// // 获取账号登录/扫码登录切换元素
// let active = document.querySelector('.login-method .active');

// 获取账号登录元素
let num = document.querySelector('#num');
// 获取扫码登录
let sacnCode = document.querySelector('#sacn-code');

let toLogin = document.querySelector('#to-login');
let sweep = document.querySelector('#sweep');

num.addEventListener('click', function() {
    sacnCode.classList.remove('active');
    num.classList.add('active');
    sweep.style.display = "none";
    toLogin.style.display = 'block'

})
sacnCode.addEventListener('click', function() {
    num.classList.remove('active');
    sacnCode.classList.add('active');
    toLogin.style.display = "none";
    sweep.style.display = "block";

})


// 输入后显示删除按钮
// 获取图片事件
let bankImg = document.querySelector('#bankImg');
let pwdImg = document.querySelector('#pwdImg');
// 获取输入事件
let bankInp = document.querySelector('#bankInp');
let pwdInp = document.querySelector('#pwdInp');

// 获取信息输入错误的事件

let userbox = document.querySelector('.userbox');
let passbox = document.querySelector('.passbox');


// 输入时候显示右边删除图片

bankInp.addEventListener('input', function() {
    if (bankInp.value.length > 0) {
        bankImg.style.display = 'block';
    } else {
        bankImg.style.display = 'none';
    }
});
pwdInp.addEventListener('input', function() {
    if (pwdInp.value.length > 0) {
        pwdImg.style.display = 'block';
    } else {
        pwdImg.style.display = 'none';
    }
});
// 点击右边删除图片清除所有值
bankImg.addEventListener('click', function() {
    bankInp.value = '';
    bankImg.style.display = 'none';
})

pwdImg.addEventListener('click', function() {
    pwdInp.value = '';
    pwdImg.style.display = 'none';

})



// 创建正则表达式判断输入类型
//创建手机号验证规则-正则表达式
let userReg = /^[A-Za-z0-9]{6,20}$/

//创建手机号验证规则-正则表达式
let pwdReg = /^[A-Za-z0-9^%&',;=?$\x22]{6,12}$/


// 判断账号获取的类型
bankInp.addEventListener('blur', function() {
    //使用reg验证输入信息是否正确 == 布尔值
    let bool = userReg.test(bankInp.value);
    //判断
    if (bool) {
        //正确
        userbox.style.display = 'none';
    } else {
        //错误
        userbox.style.display = 'block';
    }
})


//判断密码获取的类型

pwdInp.addEventListener('blur', function() {
    //使用reg验证输入信息是否正确 == 布尔值
    let bool = pwdReg.test(pwdInp.value);
    //判断
    if (bool) {
        //正确
        passbox.style.display = 'none';
    } else {
        //错误
        passbox.style.display = 'block';
    }
})

let loginBtn = document.querySelector('#loginBtn');
loginBtn.addEventListener('click', function() {

    if (userReg.test(bankInp.value) && pwdReg.test(pwdInp.value)) {
        location.href = './success.html';
    }
})